<script setup>
   import {onMounted,ref} from 'vue';
   import {useRouter,useRoute} from 'vue-router'
   //useRouter() -> 对象   -》 全新的路由对象   -》 编程式路由跳转
   //useRoute() -> 对象 -》 当前路由对象 -》 获取传递的参数
   let router = useRouter();
   let route = useRoute();

   //route.query.参数名
   //route.params.参数名

   let queryName = ref('');
   let queryId = ref(0);

   onMounted(()=>{
      queryName.value = route.query.name;
      queryId.value = route.query.id;
   })


   
</script>

<template>
  <div>
    {{queryName}} || {{queryId}}
       <font color='green'>列表展示页面！！</font>  
  </div>
</template>

<style scoped>

</style>